<template>
  <div class="md180411-cj-item">
    <div class="title">
      <img src="http://kidtts.tmooc.cn/script/css/rep/img/w_t02.png">
    </div>
    <!-- 学习情况，颜色条 -->
    <div class="content">
      <ul class="md180411-cj-studbar">
        <li class="item">
          <span class="font-16 cont">计算机英语掌握情况</span>
          <div class="bar-bg bar-img w100">
                  <span class="bar-pro">
                      <img class="bar-icon" src="http://kidtts.tmooc.cn/script/css/rep/img/w_jd_05.png">
                  </span>
          </div>
        </li>
        <li class="item">
          <span class="font-16 cont">编程知识点掌握情况</span>
          <div class="bar-bg bar-img w80">
                  <span class="bar-pro">
                      <img class="bar-icon" src="http://kidtts.tmooc.cn/script/css/rep/img/w_jd_04.png">
                  </span>
          </div>
        </li>
        <li class="item">
          <span class="font-16 cont">项目目标实现情况</span>
          <div class="bar-bg bar-img w60">
                  <span class="bar-pro">
                      <img class="bar-icon" src="http://kidtts.tmooc.cn/script/css/rep/img/w_jd_03.png">
                  </span>
          </div>
        </li>
        <li class="item">
          <span class="font-16 cont">亲自出码环节的完成情况</span>
          <div class="bar-bg bar-img w40">
                  <span class="bar-pro">
                      <img class="bar-icon" src="http://kidtts.tmooc.cn/script/css/rep/img/w_jd_02.png">
                  </span>
          </div>
        </li>
        <li class="item">
          <span class="font-16 cont">亲自出码环节的完成情况</span>
          <div class="bar-bg bar-img w20">
                  <span class="bar-pro">
                      <img class="bar-icon" src="http://kidtts.tmooc.cn/script/css/rep/img/w_jd_01.png">
                  </span>
          </div>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
  export default {
    name: 'statu',
    props: ['phaseInfo', 'name']
  }
</script>

<style scoped>

</style>
